<!DOCTYPE html>
<html class="no-js" lang="en" xmlns:v-if="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8">
    <title>模板</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!--====== Favicon Icon ======-->
    <link rel="shortcut icon" href="assets/images/favicon.png" type="image/png">
    <!--====== Magnific Popup CSS ======-->
    <link rel="stylesheet" href="assets/css/magnific-popup.css">
    <!--====== Slick CSS ======-->
    <link rel="stylesheet" href="assets/css/slick.css">
    <!--====== Line Icons CSS ======-->
    <link rel="stylesheet" href="assets/css/LineIcons.css">
    <!--====== Bootstrap CSS ======-->
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    <!--====== Default CSS ======-->
    <link rel="stylesheet" href="assets/css/default.css">
    <!--====== Style CSS ======-->
    <link rel="stylesheet" href="assets/css/style.css">
    <!--====== Summernote CSS ======-->
    <link rel="stylesheet" href="assets/css/summernote.css">
    <link rel="stylesheet" href="assets/css/summernote-bs4.min.css">

</head>
<body>
<!--====== PRELOADER PART START ======-->

<!--<div class="preloader">
    <div class="loader">
        <div class="ytp-spinner">
            <div class="ytp-spinner-container">
                <div class="ytp-spinner-rotator">
                    <div class="ytp-spinner-left">
                        <div class="ytp-spinner-circle"></div>
                    </div>
                    <div class="ytp-spinner-right">
                        <div class="ytp-spinner-circle"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>-->

<!--====== PRELOADER PART ENDS ======-->


<!--====== NAVBAR TWO PART START ======-->

<section class="navbar-area">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <nav class="navbar navbar-expand-lg">

                    <a class="navbar-brand" href="#">
                        <img src="assets/images/logo.svg" alt="Logo">
                    </a>

                    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTwo"
                            aria-controls="navbarTwo" aria-expanded="false" aria-label="Toggle navigation">
                        <span class="toggler-icon"></span>
                        <span class="toggler-icon"></span>
                        <span class="toggler-icon"></span>
                    </button>

                    <div class="collapse navbar-collapse sub-menu-bar" id="navbarTwo">
                        <ul class="navbar-nav m-auto">
                            <li class="nav-item active"><a class="page-scroll" href="index2.html">首页 </a></li>
                            <li class="nav-item"><a class="page-scroll" href="blog.html">博客</a></li>
                            <li class="nav-item"><a class="page-scroll" href="category.html">分类</a></li>
                            <li class="nav-item"><a class="page-scroll" href="feedback.html">反馈</a></li>
                            <li class="nav-item"><a onclick="login()" class="page-scroll ">登录</a></li>
                            <li class="nav-item"><a onclick="register()" class="page-scroll ">注册</a></li>
                            <li class="nav-item"><a class="page-scroll" href="modify.html">个人中心</a></li>
                        </ul>
                    </div>

                    <div class="navbar-btn d-none d-sm-inline-block">
                        <form>
                            <button type="button" class="btn btn-primary" onclick="signOut()">
                                退出登录
                            </button>
                        </form>

                    </div>
                </nav> <!-- navbar -->
            </div>
        </div> <!-- row -->
    </div> <!-- container -->
</section>

<!--====== NAVBAR TWO PART ENDS ======-->

<!--====== SLIDER PART START ======-->

<!--<section id="home" class="slider_area">
    <div id="carouselThree" class="carousel slide" data-ride="carousel">
        <ol class="carousel-indicators">
            <li data-target="#carouselThree" data-slide-to="0" class="active"></li>
            <li data-target="#carouselThree" data-slide-to="1"></li>
            <li data-target="#carouselThree" data-slide-to="2"></li>
        </ol>

        <div class="carousel-inner">
            <div class="carousel-item active">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-6">
                            <div class="slider-content">
                                <h1 class="title">Business is Now Digital</h1>
                                <p class="text">We blend insights and strategy to create digital products for forward-thinking organisations.</p>
                                <ul class="slider-btn rounded-buttons">
                                    <li><a class="main-btn rounded-one" href="#">GET STARTED</a></li>
                                    <li><a class="main-btn rounded-two" href="#">DOWNLOAD</a></li>
                                </ul>
                            </div>
                        </div>
                    </div> &lt;!&ndash; row &ndash;&gt;
                </div> &lt;!&ndash; container &ndash;&gt;
                <div class="slider-image-box d-none d-lg-flex align-items-end">
                    <div class="slider-image">
                        <img src="assets/images/slider/1.png" alt="Hero">
                    </div> &lt;!&ndash; slider-imgae &ndash;&gt;
                </div> &lt;!&ndash; slider-imgae box &ndash;&gt;
            </div> &lt;!&ndash; carousel-item &ndash;&gt;

            <div class="carousel-item">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-6">
                            <div class="slider-content">
                                <h1 class="title">Crafted for Business</h1>
                                <p class="text">We blend insights and strategy to create digital products for forward-thinking organisations.</p>
                                <ul class="slider-btn rounded-buttons">
                                    <li><a class="main-btn rounded-one" href="#">GET STARTED</a></li>
                                    <li><a class="main-btn rounded-two" href="#">DOWNLOAD</a></li>
                                </ul>
                            </div> &lt;!&ndash; slider-content &ndash;&gt;
                        </div>
                    </div> &lt;!&ndash; row &ndash;&gt;
                </div> &lt;!&ndash; container &ndash;&gt;
                <div class="slider-image-box d-none d-lg-flex align-items-end">
                    <div class="slider-image">
                        <img src="assets/images/slider/2.png" alt="Hero">
                    </div> &lt;!&ndash; slider-imgae &ndash;&gt;
                </div> &lt;!&ndash; slider-imgae box &ndash;&gt;
            </div> &lt;!&ndash; carousel-item &ndash;&gt;

            <div class="carousel-item">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-6">
                            <div class="slider-content">
                                <h1 class="title">Based on Bootstrap 4</h1>
                                <p class="text">We blend insights and strategy to create digital products for forward-thinking organisations.</p>
                                <ul class="slider-btn rounded-buttons">
                                    <li><a class="main-btn rounded-one" href="#">GET STARTED</a></li>
                                    <li><a class="main-btn rounded-two" href="#">DOWNLOAD</a></li>
                                </ul>
                            </div> &lt;!&ndash; slider-content &ndash;&gt;
                        </div>
                    </div> &lt;!&ndash; row &ndash;&gt;
                </div> &lt;!&ndash; container &ndash;&gt;
                <div class="slider-image-box d-none d-lg-flex align-items-end">
                    <div class="slider-image">
                        <img src="assets/images/slider/3.png" alt="Hero">
                    </div> &lt;!&ndash; slider-imgae &ndash;&gt;
                </div> &lt;!&ndash; slider-imgae box &ndash;&gt;
            </div> &lt;!&ndash; carousel-item &ndash;&gt;
        </div>

        <a class="carousel-control-prev" href="#carouselThree" role="button" data-slide="prev">
            <i class="lni lni-arrow-left"></i>
        </a>
        <a class="carousel-control-next" href="#carouselThree" role="button" data-slide="next">
            <i class="lni lni-arrow-right"></i>
        </a>
    </div>
</section>-->


<!--====== SLIDER PART ENDS ======-->

<!--====== Jquery js ======-->
<script src="assets/js/vendor/jquery-1.12.4.min.js"></script>
<script src="assets/js/vendor/modernizr-3.7.1.min.js"></script>
<!--====== Bootstrap js ======-->
<script src="assets/js/popper.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<!--====== Slick js ======-->
<script src="assets/js/slick.min.js"></script>
<!--====== Magnific Popup js ======-->
<script src="assets/js/jquery.magnific-popup.min.js"></script>
<!--====== Ajax Contact js ======-->
<script src="assets/js/ajax-contact.js"></script>
<!--====== Isotope js ======-->
<script src="assets/js/imagesloaded.pkgd.min.js"></script>
<script src="assets/js/isotope.pkgd.min.js"></script>
<!--====== Scrolling Nav js ======-->
<script src="assets/js/jquery.easing.min.js"></script>
<script src="assets/js/scrolling-nav.js"></script>
<!--====== Main js ======-->
<script src="assets/js/main.js"></script>
<!--====== Vue js ======-->
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
<!--====== Summernote js ======-->
<script src="assets/js/summernote-bs4.min.js"></script>
<script src="assets/js/summernote.js"></script>
<script src="assets/lang/summernote-zh-CN.min.js"></script>

<!--======HttpUtil js ======-->
<script src="assets/js/util/HttpUtil.js"></script>
</body>
</html>
<script>
    function login() {
        let url = "checkLogin.do";
        doGet(url, function (data) {
            location.href = "login.html";
        })
    }

    function register() {
        let url = "checkLogin.do";
        doGet(url, function (data) {
            location.href = "register.html";
        })
    }

    function signOut() {
        let url = "signOut.do";
        doGet(url, function (resp) {
            if (resp=="yes"){
                location.href = "login.html";
            }
        })
    }
</script>